<!DOCTYPE html>
<html>
<head>
<!--jq学习1-->
<title>jq学习1</title>
<link rel="stylesheet" href="" /> <!--链接外部css-->
<script src="js/jquery-3.1.0.js" >
</script>
<script src="js/learn_jq_1.js" >
</script>
<script>

//文档加载完成的两张写法
/*
$(document).ready(function (){
    alert("加载完成1");
});


$(function (){
    alert("加载完成2");
});
*/

</script>

<style>
#slideContent{
    background-color:#cccccc;
    width:300px;
    height:200px;
    display:none;
}

#animate{
    position:absolute;
    background-color:#cccccc;
    width:150px;
    height:50px;
}
#domTestDiv{
    position:relative;
    top:55px;
}

#loopTest{
    position:relative;
    top:100px;
}

</style>

</head>

<body>
    <button id="fade">测试淡入淡出</button><br>
    <p id="p1">这是段落1</p>
    <p id="p2">这是段落2</p>
    <p id="p3">淡入淡出效果1</p>
    <p id="p4"><b>淡入淡出效果2</b></p>
    <button id="slide">测试滑动</button><br>
    <div id="slideContent" >
        L签深圳口岸过关费用和交通指南：
        一、深圳罗湖口岸过关
        单香港过关名单：40元/人，香港+澳门两关名单：50元/人；
        二、深圳皇岗口岸过关
        单香港过关名单：40元/人，香港+澳门两关名单：50元/人；   
    </div>
    <div id="aa" >
        三、西部通道深圳湾口岸过关
        单香港过关名单：50元/人，香港+澳门两关名单：60元/人；
    </div>
    <button id="animateBtn">测试jq动画</button><br>
    <div id="animate" >        
    </div>
    <div id="domTestDiv" >
        <button id="domTestBtn">测试dom和css操作</button><br>
        <input id="inp_name" placeholder="请输入你的名字" value="你好" />
    </div>
    <div id="loopTest">
        <button id="loopBtn">测试jq遍历</button><br>
        <p><b>jq的遍历</b></p>
        <div>
            <ul>
                <li><span>首页</span></li>
                <li><span>产品</span></li>
                <li><span>支持</span></li>                
            </ul>
        </div>
        
    </div>
    
</body>

</html>